/* m-tabs */
.m-tabs {
	z-index: 5;
	// position: fixed;
	// top: @navbar-height;
	// right: 0;
	// left: 0;
	// width: 100%;
	background-color: #fff;
	display: flex;
	height: @tab-height;

	.m-tab {
		flex: 1;
		position: relative;
		// display: block;
		// float: left;
		// width: 50%;
		color: #1a1a1a;
		text-align: center;
		color: #999;
		background-color: #f0f0f0;
		height: @tab-height;

		&.on {
			color: #000;
			background-color: #fff;
		}

		.mt-tle {
			// line-height: 26px;
			padding: 4px 0;
		}

		.mt-num {
			font-size: 12px;
		}
	}

	&.mult {
		.m-tab {
			// 三分之一
			// width: percentage(1/3);

			&:not(:last-child):after {
			    content: '';
				position: absolute;
			    top: 20%;
			    right: 0;
			    width: 1px;
			    height: 60%;
			    transform: scaleX(0.5);
			    border-right: 1PX solid #bbb;
			}

			&.nosplit, &.on {
				&:after {
					display: none;
				}
			}
		}
	}
}

//- 无切换效果样式
// .m-tab-blocks {
// 	overflow: hidden;

// 	.m-tab-list {
// 		display: none;

//     	&.on {
//     		display: block;
//     	}
// 	}
// }

//- 左右切换效果样式
.m-tab-blocks {
	flex: 1;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;

	.m-tab-list {
    	position: absolute;
    	top: 0;
    	height: 100%;
		width: 100%;
    	// transform: translateX(-100%);
		transform: translate3d(-100%, 0, 0);

    	&.on {
    		position: relative;
		    transition: transform .25s;
    		// transform: translateX(0);
    		transform: translate3d(0, 0, 0);

			& ~ .m-tab-list {
				// transform: translateX(100%);
				transform: translate3d(100%, 0, 0);
			}
    	}
	}
}